<!--
 * @!: *********************************************************************
 * @?: *********************************************************************
 * @Author: Weidows
 * @Date: 2022-03-26 11:49:37
 * @Description:
 * @FilePath: \Blog-private\source\_posts\Web\JavaScript\Live2dLoader\index.html
 * @LastEditors: Weidows
 * @LastEditTime: 2023-02-07 20:18:11
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>live2d-demo</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="https://cubism.live2d.com/sdk-web/cubismcore/live2dcubismcore.min.js"></script>
    <script src="https://cdn.jsdelivr.net/combine/gh/dylanNew/live2d/webgl/Live2D/lib/live2d.min.js,npm/pixi.js@6.5.2/dist/browser/pixi.min.js,npm/pixi-live2d-display/dist/index.min.js,gh/Weidows-projects/Live2dLoader/dist/Live2dLoader.min.js"></script>
  </head>
  <body>
    <!-- Canvas -->
    <script>
      addEventListener("DOMContentLoaded", function () {
        new Live2dLoader([
          {
            width: window.innerWidth,
            height: window.innerHeight,
            left: "0px",
            bottom: "0px",
            role: "https://cdn.jsdelivr.net/gh/alg-wiki/AzurLaneL2DViewer@gh-pages/assets/bisimai_2/bisimai_2.model3.json",
            background:
              "https://cdn.jsdelivr.net/gh/alg-wiki/AzurLaneL2DViewer@gh-pages/assets/bg/bg_church_jp.png",
            opacity: 0.8,
            mobile: false,
            draggable: true,
          },
        ]);
      });
    </script>
  </body>
</html>
